<!DOCTYPE html>
<html lang="zxx">

<head>
    <!-- METATAG -->
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <meta name="keywords" content="resume, cv, portfolio, personal,personal resume, modern" />
    <meta name="author" content="Rama Hardian" />
    <!-- TITLE PAGE -->
    <title>lhy network</title>
    <!-- BOOTSTRAP CSS -->
    <link href="/static/css/bootstrap.min.css" rel="stylesheet">
    <!-- FONTAWESOME CSS -->
    <link href="/static/css/fontawesome.css" rel="stylesheet">
    <!-- GOOGLE FONT -->
    <link href="https://fonts.googleapis.com/css2?family=Karla:wght@400;700;900&display=swap" rel="stylesheet">
    <!-- AOS CSS -->
    <link href="/static/css/aos.css" rel="stylesheet">
    <!-- OWL CAROUSEL CSS -->
    <link href="/static/css/owl.carousel.min.css" rel="stylesheet">
    <link href="/static/css/owl.theme.default.min.css" rel="stylesheet">
    <!-- MAGNIFIC CSS -->
    <link href="/static/css/magnific.css" rel="stylesheet">
    <!-- THEMES CSS -->
    <link href="/static/css/themes.css" rel="stylesheet">
    <!-- RESPONSIVE CSS -->
    <link href="/static/css/responsive-style.css" rel="stylesheet">
</head>

<body>
    <!-- MAIN WRAP PAGE -->
    <main id="kalpax-mainwrap">
        <!-- PRELOADER -->
        <div class="wrap-load">
            <div class="img-logo-load">
                <div class="progress">
                    <div class="line"></div>
                </div>
                <img src="/static/image/asset/logo.png" alt="logo" />
            </div>
        </div>
        <!-- END PRELOADER -->
        <!-- MAIN HEADER PAGE -->
        <header id="header" class="main-kalpaxheader">
            <div class="container">
                <div class="row">
                    <!-- LOGO WRAP -->
                    <div class="col-lg-12 position-relative">
                        <a href="/" class="logo-kalpax"><img src="/static/image/asset/logo.png" alt="logo" /> </a>
                        <!-- LANG WRAP -->
                        <div class="lang">
                            <ul>
                                <li><a href="#">ENG</a></li>
                                <li><a href="#">IDN</a></li>
                            </ul>
                        </div>
                        <!-- END LANG WRAP -->
                        <!-- BURGER MENU WRAP -->
                        <div class="kalpax-burger-menu">
                            <span></span>
                        </div>
                        <!-- END BURGER MENU WRAP -->
                    </div>
                    <!-- END LOGO WRAP -->
                </div>
                <!-- NAVIGATION PAGE -->
                <div class="menuContent  justify-content-center">
                    <ul>
                        <li class="submenulink">
                            <a class="vlink" href="#">Home
                                <i class="fa fa-chevron-down"></i>
                            </a>
                            <ul class="submenu">
                                <li><a href="#">Home</a></li>
                                <li><a href="index_2.html">Home Two</a></li>
                            </ul>
                        </li>
                        <li><a class="vlink" href="about.html">About me</a></li>
                        <li class="submenulink"><a class="vlink" href="#">Project
                            <i class="fa fa-chevron-down"></i>

                        </a>
                            <ul class="submenu">
                                <li><a href="project.html">Project Modern</a></li>
                                <li><a href="#">Project grid </a></li>
                                <li><a href="project-masonry.html">Project masonry </a></li>
                                <li><a href="project-single.html">Project single </a></li>
                            </ul>
                        </li>
                        <li class="submenulink">
                            <a class="vlink" href="#">Other Page
                                <i class="fa fa-chevron-down"></i>
                            </a>
                            <ul class="submenu">
                                <li><a href="team.html">Team</a></li>
                                <li><a href="404.html">404 Page</a></li>
                                <li><a href="pricing.html">Pricing</a></li>
                            </ul>
                        </li>
                        <li><a class="vlink" href="contact.html">Contact</a></li>

                    </ul>

                </div>
                <!-- END NAVIGATION PAGE -->
            </div>
        </header>
        <!-- END MAIN HEADER PAGE -->
        <!-- MAIN CONTAINER CONTENT PAGE SECTION -->
        <section class="contain-kalpax-fixed">
            <div class="container">
                <div class="row">
                    <!-- MAIN WRAP CONTAINER -->
                    <div class="col kalpax-main">
                        <!-- PARTICLE WRAP CONTAINER -->
                        <div id="particles-js"></div>
                        <div id="hero-block" class="kalpax-detail-wrapper">
                            <h5>miun kalpax </h5>
                            <h1>Website and user interface designer
                            </h1>
                            <p> World class consumer and trends research capabilities we design for tomorrow customers in tomorrow’s markets.</p>
                            <div class="kalpax-link">
                                <a href="#" class="link-km">
                                    <span data-hover="View Aboutme">View Aboutme</span>
                                </a>
                            </div>
                        </div>
                        <!-- PARALLAX SCENE CONTAINER WRAP -->
                        <div class="kalpax-parralax">
                            <!-- ITEM PARALLAX -->
                            <div id="scene">
                                <img data-depth="0.8" src="/static/image/asset/l1.png" alt="pic" />
                            </div>
                            <!-- ITEM PARALLAX -->
                            <div id="scene-2">
                                <img data-depth="5" src="/static/image/asset/l1.png" alt="pic" />
                            </div>
                            <!-- ITEM PARALLAX -->
                            <div id="scene-3">
                                <img data-depth="2" src="/static/image/asset/l1.png" alt="pic" />
                            </div>
                            <!-- ITEM PARALLAX -->
                            <div id="scene-4">
                                <img data-depth="5" src="/static/image/asset/l1.png" alt="pic" />
                            </div>
                        </div>
                        <!-- END PARALLAX SCENE CONTAINER WRAP -->
                        <!-- HERO IMAGE PICTURE -->
                        <img class="hero-img" src="/static/image/user/hero-h.png" alt="hero" />
                    </div>
                    <!-- SCROLL ANIMATED INDICATOR -->
                    <div class="icon-scroll"></div>
                </div>

            </div>
        </section>
        <!-- END MAIN CONTAINER CONTENT PAGE SECTION -->
        <!-- MAIN PROJECT CONTENT PAGE SECTION -->
        <section class="contain-kalpax-fixed">
            <div class="bg-fog"></div>
            <!-- PROJECT CONTAINER -->
            <div class="container">
                <div class="row">
                    <div class="col-md-12 kalpax-main">
                        <div id="project-block" class="kalpax-project-wrapper pb-5">
                            <h5 data-aos="fade-up" data-aos-delay="50">case study</h5>
                            <h3 class="title-h3" data-aos="fade-up" data-aos-delay="150">My Project
                            </h3>
                        </div>
                    </div>

                    <!--  PORTOFOLIO CONTENT WRAP -->
                    <div class="col-md-12 kalpax-project">
                        <!-- PROJECT WRAP -->
                        <div class="kalpax-project-wrap">
                            <div class="gallery" data-aos="fade-up" data-aos-delay="250">
                                <!-- ITEM PORTOFOLIO -->
                                <div class="cell">
                                    <img src="/static/image/porto/1.jpg" class="responsive-image" alt="porto" />
                                    <div class="kalpax-info-porto">
                                        <div class="kalpax-detailporto">
                                            <span>2010</span>
                                            <h3 class="pt-3 pb-3">Kumang - Responsive Web Design </h3>
                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been
                                            </p>
                                            <a href="#"><span>View Project</span> <i class="fa fa-chevron-right"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <!-- ITEM PORTOFOLIO -->
                                <div class="cell">
                                    <img src="/static/image/porto/4.jpg" class="responsive-image" alt="porto" />
                                    <div class="kalpax-info-porto">
                                        <div class="kalpax-detailporto">
                                            <span>2010</span>
                                            <h3 class="pt-3 pb-3">Kumang - Responsive Web Design </h3>
                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting
                                            </p>
                                            <a href="#"><span>View Project</span> <i class="fa fa-chevron-right"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <!-- ITEM PORTOFOLIO -->
                                <div class="cell">
                                    <img src="/static/image/porto/2.jpg" class="responsive-image" alt="porto" />
                                    <div class="kalpax-info-porto">
                                        <div class="kalpax-detailporto">
                                            <span>2010</span>
                                            <h3 class="pt-3 pb-3">Kumang - Responsive Web Design </h3>
                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's
                                            </p>
                                            <a href="#"><span>View Project</span> <i class="fa fa-chevron-right"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <!-- ITEM PORTOFOLIO -->
                                <div class="cell">
                                    <img src="/static/image/porto/3.jpg " class="responsive-image" alt="porto" />
                                    <div class="kalpax-info-porto">
                                        <div class="kalpax-detailporto">
                                            <span>2010</span>
                                            <h3 class="pt-3 pb-3">Kumang - Responsive Web Design </h3>
                                            <p>Lorem Ipsum is simply dummy text of the printing
                                            </p>
                                            <a href="#"><span>View Project</span> <i class="fa fa-chevron-right"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--  END PORTOFOLIO CONTENT WRAP -->
                    </div>
                    <!-- END PROJECT WRAP -->
                </div>
            </div>
            <!-- END PROJECT CONTAINER -->
        </section>
        <!-- END MAIN PROJECT CONTENT PAGE SECTION -->
        <!-- MY SERVICE CONTENT PAGE SECTION -->
        <section class="contain-kalpax-fixed">
            <!-- SERVICE CONTAINER -->
            <div class="container">
                <div class="row">
                    <div class="col-md-12 kalpax-main pb-5 mb-5">
                        <div id="service-block" class="kalpax-service-wrapper">
                            <h5 data-aos="fade-up" data-aos-delay="50">PROVIDING SERVICE</h5>
                            <h3 class="title-h3 pt-4" data-aos="fade-up" data-aos-delay="150">What Can I Do for You
                            </h3>
                        </div>
                    </div>
                    <!-- ITEM SERVICE -->
                    <div class="col-md-6 col-lg-3 col-6" data-aos="fade-up" data-aos-delay="100">
                        <div class="block-6 services text-center  position-relative">
                            <div class="align-items-center">
                                <i class="fa fa-cubes"></i>
                            </div>
                            <div class="media-body pt-5">
                                <h3 class="kalpax-heading pb-2">Web Design</h3>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi vero</p>
                            </div>
                        </div>
                    </div>
                    <!-- ITEM SERVICE -->
                    <div class="col-md-6 col-lg-3 col-6" data-aos="fade-up" data-aos-delay="200">
                        <div class="block-6 services text-center  position-relative">
                            <div class="align-items-center">
                                <i class="fa fa-bar-chart-o"></i>
                            </div>
                            <div class="media-body pt-5">
                                <h3 class="kalpax-heading pb-2">Data Analysis</h3>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi vero</p>
                            </div>
                        </div>
                    </div>
                    <!-- ITEM SERVICE -->
                    <div class="col-md-6 col-lg-3 col-6" data-aos="fade-up" data-aos-delay="300">
                        <div class="block-6 services text-center  position-relative">
                            <div class="align-items-center">
                                <i class="fa fa-puzzle-piece"></i>
                            </div>
                            <div class="media-body pt-5">
                                <h3 class="kalpax-heading pb-2">Graphic Design</h3>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi vero</p>
                            </div>
                        </div>
                    </div>
                    <!-- ITEM SERVICE -->
                    <div class="col-md-6 col-lg-3 col-6" data-aos="fade-up" data-aos-delay="400">
                        <div class="block-6 services text-center  position-relative">
                            <div class="align-items-center">
                                <i class="fa fa-smile-o"></i>
                            </div>
                            <div class="media-body pt-5">
                                <h3 class="kalpax-heading pb-2">Creative</h3>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi vero</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row mt-5 clientlist">
                    <div class="imgclient col-lg-2" data-aos="fade-in" data-aos-delay="400">
                        <a href="#">
                            <img src="/static/image/client/1.png" alt="client" />
                        </a>
                    </div>
                    <div class="imgclient col-lg-2" data-aos="fade-in" data-aos-delay="450">
                        <a href="#">
                            <img src="/static/image/client/2.png" alt="client" />
                        </a>
                    </div>
                    <div class="imgclient col-lg-2" data-aos="fade-in" data-aos-delay="500">
                        <a href="#">
                            <img src="/static/image/client/3.png" alt="client" />
                        </a>
                    </div>
                    <div class="imgclient col-lg-2" data-aos="fade-in" data-aos-delay="550">
                        <a href="#">
                            <img src="/static/image/client/1.png" alt="client" />
                        </a>
                    </div>
                    <div class="imgclient col-lg-2" data-aos="fade-in" data-aos-delay="600">
                        <a href="#">
                            <img src="/static/image/client/5.png" alt="client" />
                        </a>
                    </div>
                    <div class="imgclient col-lg-2" data-aos="fade-in" data-aos-delay="650">
                        <a href="#">
                            <img src="/static/image/client/6.png" alt="client" />
                        </a>
                    </div>
                    <div class="imgclient col-lg-2" data-aos="fade-in" data-aos-delay="700">
                        <a href="#">
                            <img src="/static/image/client/3.png" alt="client" />
                        </a>
                    </div>
                    <div class="imgclient col-lg-2" data-aos="fade-in" data-aos-delay="750">
                        <a href="#">
                            <img src="/static/image/client/5.png" alt="client" />
                        </a>
                    </div>
                    <div class="imgclient col-lg-2" data-aos="fade-in" data-aos-delay="800">
                        <a href="#">
                            <img src="/static/image/client/4.png" alt="client" />
                        </a>
                    </div>
                </div>
            </div>
            <!-- END SERVICE CONTAINER -->
        </section>
        <!-- END MY SERVICE CONTENT PAGE SECTION -->

        <!-- FOOTER CONTENT PAGE SECTION -->
        <footer id="kalpax-footer-wrap" class="pt-5">
            <div class="container pt-5">
                <div class="row">
                    <div id="kalpax-contactfooter" class="col-sm-12 col-md-6">
                        <h6>Get intouch —</h6>
                        <p class="addr">
                            4633 Poplar Avenue street Pine Valley CA California 92062 USA
                        </p>
                        <p class="icon"><i class="fa fa-envelope-o"></i> example@test.com</p>
                        <p class="icon"><i class="fa fa-phone"></i> +619-473-4359</p>
                    </div>
                    <div class="col-xs-6 col-md-3 mt-4 kalpax-morefooter  col-6">
                        <h6>Find me on —</h6>
                        <ul class="footer-links">
                            <li><a href="#" class="link-km">Instagram</a></li>
                            <li><a href="#" class="link-km">LinkedIn</a></li>
                            <li><a href="#" class="link-km">Behance</a></li>
                        </ul>
                    </div>
                    <div class="col-xs-6 col-md-3 mt-4 kalpax-morefooter  col-6">
                        <h6>Quick Links —</h6>
                        <ul class="footer-links">
                            <li><a href="#" class="link-km">About</a></li>
                            <li><a href="#" class="link-km">Contact</a></li>
                            <li><a href="#" class="link-km">Project</a></li>
                        </ul>
                    </div>
                </div>
                <hr />
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-md-8 col-sm-6 col-xs-12 ">
                        <p class="copyright-text">Miun &copy; 2025 <a target="_blank" href="https://www.mobanwang.com/" title="网站模板">网站模板</a></p>
                    </div>
                </div>
            </div>
        </footer>
        <!-- END FOOTER CONTENT PAGE SECTION -->

        <!-- GO TO TOP INDICATOR -->
        <a href="#" class="goup"><i class="fa fa-chevron-up" aria-hidden="true"></i></a>
    </main>
    <!-- END MAIN WRAP PAGE -->
    <!-- JQUERY -->
    <script src="/static/javascript/jquery.js"></script>
    <!-- JQUERY EASING -->
    <script src="/static/javascript/easing.js"></script>
    <!-- BOOTSTRAP JS -->
    <script src="/static/javascript/bootsrtap.min.js"></script>
    <!-- PARALLAX JS -->
    <script src="/static/javascript/parallax.js"></script>
    <!-- PARTICLE JS -->
    <script src="/static/javascript/particle.js"></script>
    <!-- CIRCLEFULL JS -->
    <script src="/static/javascript/circlefull.js"></script>
    <!-- AOS JS -->
    <script src="/static/javascript/aos.js"></script>
    <!-- ISOTOPE JS -->
    <script src="/static/javascript/isotope.js"></script>

    <!-- jqueryvalidation JS -->
    <script src="/static/javascript/jqueryvalidation.js"></script>
    <!-- OWL CAROUSEL JS -->
    <script src="/static/javascript/owl.carousel.min.js"></script>
    <!-- magnific JS -->
    <script src="/static/javascript/magnific.js"></script>
    <!-- MAIN JS -->
    <script src="/static/javascript/main.js"></script>
    <!-- parallax init JS -->
    <script src="/static/javascript/parallax-init.js"></script>
    <!-- particles init JS -->
    <script src="/static/javascript/particles-init.js"></script>
</body>

</html>